<template>
    <transition appear name="custom-classes-transition">
        <div class="iframe-box" enter-active-class="animate__animated animate__faster animate__bounceIn"
            leave-active-class="animate__animated animate__faster animate__bounceOut">
            <iframe src="http://10.100.10.15:1662/thing/share/mq3i7ajrovwubk2s" id="iframe-box" frameborder="0"
                scrolling="no"></iframe>
        </div>
    </transition>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.iframe-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    z-index: 1;

    iframe {
        display: block;
        width: 100%;
        height: 100%;
    }
}
</style>